<!DOCTYPE html>
{% load i18n %}
<html>
<head>
    {% block head %}
    <meta charset="utf-8">
    <meta http-equiv="Content-content-type" content="text/html;chaeset=utf-8"/>
    <title>{{ APP_CODE }}</title>
    <link rel="icon" type="image/x-icon" href="{{ static_URL }}open/favicon.ico"/>
    <meta name="description" content=""/>
    <meta name="author" content=""/>
    <link rel="stylesheet" type="text/css"
          href="{{ REMOTE_STATIC_URL }}v3/assets/bootstrap-3.3.4/css/bootstrap.min.css"/>
    <link rel="stylesheet" type="text/css" href="https://magicbox.bk.tencent.com/static_api/v3/bk/css-pro/bk.css"/>
    <link href="https://magicbox.bk.tencent.com/static_api/v3/components_pro/layout6/css/index.css"
          rel="stylesheet"/>

    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/bk-icon-2.0/iconfont.css" rel="stylesheet"/>
    <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css-pro/components/dialog.css" rel="stylesheet"/>
    <!--		{# <link href="https://magicbox.bk.tencent.com/static_api/v3/bk/css-pro/components/form.css" rel="stylesheet" />#}-->
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/daterangepicker-2.0.5/daterangepicker-2.0.css"
          rel="stylesheet"/>
    <link href="https://magicbox.bk.tencent.com/static_api/v3/assets/umeditor-1.2.2/themes/default/css/umeditor.css"
          rel="stylesheet"/>

    <style>
        body {
            min-width: 1202px;
        }

        .container {
            width: auto;
            min-width: 1200px;
        }
    </style>
    {% endblock %}
</head>
<body>
<!-- 顶部导航栏 Start -->
<nav class="bk-horz-nav11">
    <div class="bk-nav-logo fl">
        <img src="https://magicbox.bk.tencent.com/static_api/v3/bk/images/logo1.png">{% trans '奖项申报系统' %}
    </div>
    <div class="bk-nav-user fr">
				<span class="mr5">
					admin
				</span>
        <img src="https://magicbox.bk.tencent.com/static_api/v3/components_pro/horizontal_nav1/images/avatar.png">
    </div>
    <ul class="bk-nav-links fr">
        <li><a href="#">首页</a></li>
        <li class="bk-has-submenu">
            <a href="javascripts:;">系统管理</a>
            <ul class="bk-submenu">
                <li><a href="{{ SITE_URL }}organization/">组织管理</a></li>
                <li><a href="{{ SITE_URL }}award/">奖项信息</a></li>
            </ul>
        </li>
        <li class="bk-has-submenu">
            <a href="javascript:;">个人中心</a>
            <ul class="bk-submenu">
                <li>
                    <a href="{{ SITE_URL }}personal_center/">我的申报</a>
                </li>
                <li>
                    <a href="{{ SITE_URL }}review/">我的审核</a>
                </li>
            </ul>
        </li>
        <li class="bk-has-submenu">
            <a href="javascript:void(0)">
						<span>
					    {% trans "语言" %}
						</span>
            </a>
            <ul class="bk-submenu">
                <li onclick="change_language('zh-hans')">
                    <a href="javascripts:;">简体中文</a>
                </li>
                <li onclick="change_language('en')">
                    <a href="javascript:;">English</a>
                </li>
            </ul>
        </li>
    </ul>
</nav>
<!-- 顶部导航End -->


<!-- 固定宽度居中start -->
{% block content %}{% endblock %}

<!-- 固定宽度表单居中end -->

<!-- 尾部声明start -->
<div class="foot" id="footer">
    <footer class="bk-footer">
        <div class="bk-footer-links">
            <ul>
                <li><a href="###">QQ咨询</a></li>
                <li><a href="###">蓝鲸论坛</a></li>
                <li><a href="###">蓝鲸官网</a></li>
                <li><a href="###">蓝鲸智云工作台</a></li>
            </ul>
        </div>
        <p class="bk-footer-copyright">
            Copyright &copy; 2012-2020 Tencent BlueKing. All Rights Reserver.
            蓝鲸智云 版权所有
        </p>
    </footer>
</div>
<!-- 尾部声明end -->

</body>

{% block base_js %}
<script src="{{ REMOTE_STATIC_URL }}v3/assets/js/jquery-1.10.2.min.js"></script>
<script src="{{ REMOTE_STATIC_URL }}v3/assets/bootstrap-3.3.4/js/bootstrap.min.js"></script>
<script src="https://magicbox.bk.tencent.com/static_api/v3/assets/bkDialog-2.0/js/bkDialog.js"></script>

<!--要引入的文件-开始-->
<script src="{{ SITE_URL }}static/datatables-1.10.7/jquery.dataTables.js"></script>
<script src="{{ SITE_URL }}static/datatables-1.10.7/dataTables.bootstrap.js"></script>
<script src="https://magicbox.bk.tencent.com/static_api/v3/assets/bkMessage-1.0/js/bkMessage.js"></script>
<script src="https://magicbox.bk.tencent.com/static_api/v3/assets/validate-1.14.0/js/jquery.validate.js"></script>
<!--要引入的文件-结束-->

<!-- 这个是全局配置，如果需要在js中使用app_code和site_url,则这个javascript片段一定要保留 -->
<script type="text/javascript">
    var app_code = "ljydemo1030";   //在蓝鲸系统里面注册的“应用编码”
    var site_url = "https://paas-edu.bktencent.com/o/ljydemo1030/";   //app的url前缀，在ajax调用的时候，应该加上该前缀
    var remote_static_url = "{{ REMOTE_STATIC_URL }}";  //远程资源连接，403页面需要··1，不要删除
    var debug_mode = JSON.parse("{{ DEBUG }}");    //是否调试模式
</script>

<!-- 统计js   勿删 -->
<script src="{{ REMOTE_STATIC_URL }}analysis.js?v={{ STATIC_VERSION }}"></script>
<script src="{{ STATIC_URL }}account/login.js?v={{ STATIC_VERSION }}"></script>
<script src="{{ STATIC_URL }}js/csrftoken.js?v={{ STATIC_VERSION }}"></script>

<script>
    var relative_path = "{{ APP_PATH }}";
    console.log(relative_path);
    if (relative_path == site_url)
        $('#home').addClass('king-navbar-active');
    else if (relative_path == site_url + "dev-guide/")
        $('#guide').addClass('king-navbar-active');
    else if (relative_path == site_url + "contact/")
        $('#contact').addClass('king-navbar-active');

    function change_language(lang) {
        $.ajax({
            url: site_url + 'i18n/setlang',
            method: 'post',
            data: {
                'language': lang,
            },
            success: function (ret) {
                window.location.reload()
            }
        })
    }
</script>

{% endblock %}

{% block extra_block %}
<!-- 这里放置子页面中附加的内容
    一般为js，注意子模板中的js如果使用到以上js库，必须放置在这里
-->
{% endblock %}
</html>
